$color-primary1:#2978FF;
$color-primary2:#32B75C;
$color-primary3:#263343;
$color-primary4:#304156;
$color-primary5:#F56C6C;
$color-primary6:#e7a33c;
$color-primary7:#ecf5ff;
$color-primary8:#b3d8ff;

@mixin font_color($color) {
    /*通过该函数设置字体颜色，后期方便统一管理；*/
    color: $color; //默认时的color
}

@mixin background_color($color) {
    /*通过该函数设置背景颜色，后期方便统一管理；*/
    background-color: $color; //默认时的color
}

@mixin border($color) {
    /*通过该函数设置border颜色，后期方便统一管理；*/
    border: 1px solid $color; //默认时的color
}

.hand_cs {
    cursor: pointer;
}

.el-tabs__active-bar {
    background-color: $color-primary1 !important;
}

.el-tabs__item.is-active {
    color: $color-primary1 !important;
}

.el-tabs__item:hover {
    color: $color-primary1 !important;
}

.card_con {
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
}

.tbImg1 {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.slt {
    display: flex;
    justify-content: center;

    .tbImg {
        width: 22px;
        height: 22px;
        border-radius: 8px;
        margin-right: 10px;
    }
}

.flex {
    display: flex;
    align-items: center;
}

.w100 {
    width: 80px;
    flex-shrink: 0;
    text-align: end;
}

/deep/.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #ecf5ff;

    /* color: #f19944; */
    /* 设置文字颜色，可以选择不设置 */
}

.handleEdit {
    color: $color-primary1;
}

.handleDelete {
    color: $color-primary5;
}

.handleExamine {
    color: $color-primary2;
}

.handleExamine1 {
    color: $color-primary6;
    margin-left: 20px;
}


.red {
    color: $color-primary5;
}

.green {
    color: $color-primary2;
}

.orange {
    color: $color-primary6;
}

.blue {
    color: $color-primary1;
}

.pagination {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}

.el-button--primary {
    background-color: $color-primary1 !important;
    border-color: $color-primary1 !important;
}

.el-button--success {
    background-color: $color-primary2 !important;
    border-color: $color-primary2 !important;
}

.el-button:hover {
    opacity: 0.8 !important
}

/deep/.el-button {
    padding: 11px 15px;
    font-size: 13px;
}

::v-deep.el-date-editor {
    width: 100%;
}

.mb20 {
    margin-bottom: 20px;
}

.mb40 {
    margin-bottom: 40px;
}

.mt20 {
    margin-top: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb10 {
    margin-bottom: 10px;
}

.pr40 {
    padding-right: 40px;
    box-sizing: border-box;
}

.pr20 {
    padding-right: 20px;
    box-sizing: border-box;
}

.pl40 {
    padding-left: 40px;
    box-sizing: border-box;
}

.fz14 {
    font-size: 14px;
}

.fz13 {
    font-size: 13px;
}

.fz12 {
    font-size: 12px;
}

.el-date-editor .el-range-input {
    font-size: 13px !important;
}



.el-select-dropdown__item {
    font-size: 13px !important;
}

.el-table {
    font-size: 13px;
}

.caozuo {
    display: flex;
    justify-content: center;

    .handleDelete {
        margin-left: 20px;
    }
}

//按钮文字显示
.el-switch {
    height: 25px !important;
}

::v-deep .el-switch__core {
    width: 54px !important;
    height: 24px;
    border-radius: 100px;
    border: none;
}

::v-deep .el-switch__core::after {
    width: 20px;
    height: 20px;
    top: 2px;
}

::v-deep .el-switch.is-checked .el-switch__core::after {
    margin-left: -21px;
}

/*关闭时文字位置设置*/
::v-deep .el-switch__label--right {
    position: absolute;
    z-index: 1;
    right: 6px;
    margin-left: 0px;
    color: rgba(255, 255, 255, 0.9019607843137255);

    span {
        font-size: 12px;
    }
}

/* 激活时另一个文字消失 */
::v-deep .el-switch__label.is-active {
    display: none;
}

/*开启时文字位置设置*/
::v-deep .el-switch__label--left {
    position: absolute;
    z-index: 1;
    left: 5px;
    margin-right: 0px;
    color: rgba(255, 255, 255, 0.9019607843137255);

    span {
        font-size: 12px;
    }
}

//输入框大小文字
/deep/.el-input__inner {
    height: 36px;
    line-height: 36px;
    font-size: 13px;
}

//表单文字大小
.el-form-item__label {
    font-size: 13px !important;
}

.el-tabs__item {
    font-size: 13px !important;
}

//弹窗内容padding
/deep/.el-dialog__body {
    padding: 20px;
}

::v-deep.el-cascader-node__label {
    font-size: 13px !important;
}

/deep/.el-cascader-node__label {
    font-size: 13px !important;
}